{% extends '@App/Layout.html.twig' %}
{% block body %}
		<!--咨询内容-->
		<div class="jumbotron">
			<div class="container">
				<hgroup>
					<h1>线索资讯</h1>
					<h4>感谢好心人关注被拐被骗的可怜孩子并提供最新线索，希望各位亲人看到相关信息能及时联系，也希望大家能共持善举力所能及的帮助将此信息发布到其他朋友能看到的地方！</h4>
				</hgroup>
			</div>
		</div>
		<!--内容-->
		<div  id="information">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<!--内部百分百-->{% for note in notes %}
						<div class="container-fluid">
							<div class="row info-content">
								<!--/*内容做响应式，文字不可换行*/-->
								<div class="col-md-5 col-sm-5 col-xs-5">
									<a href="{{ path('clueinfo', {'id': note.Id}) }}"><img class="img-responsive" src="{{ note.PhotoUrl }}" alt=""></a></div>
								<!--图片自适应.img-responsive 最小屏幕隐藏p .hidden-xs-->
								<div class="col-md-7 col-sm-7 col-xs-7">
									<a href="{{ path('clueinfo', {'id': note.Id}) }}"><h4>{{ note.FullName }}</h4></a>
									<p class="hidden-xs">{{ note.Text }}</p>
									<p>{{ note.AuthorName}} {{ note.EntryDate }}</p>
								</div>
							</div>
						</div>	{% endfor %}
					</div>

					<div class="col-md-4 info-right hidden-xs hidden-sm">
						<!--一般在内容内都用100%.container-fluid-->
						<div class="container-fluid">
							<!--标题-->
							<blockquote>
								<h2>热门资讯<span class="badge" style="margin: 0 10px;">{{ count }}</span></h2>
							</blockquote>
							<div class="row">
								{% for note2 in notes2 %}<div class="col-md-5 col-sm-5 col-xs-5 zx">
									<a href="{{ path('clueinfo', {'id': note2.Id}) }}"><img class="img-responsive img-circle" src="{{ note2.PhotoUrl }}"  alt=""></a></div>
							<div class="col-md-7 col-sm-7 col-xs-7 rx">
									<a href="{{ path('clueinfo', {'id': note2.Id}) }}"><h4>{{ note2.FullName }}</h4></a>
									<p>{{ note2.AuthorName}} {{ note2.EntryDate }}</p>
									<p>{{ note2.LastKnownLocation}}</p>
									<p>{{ note2.Text}} </p>
								</div>{% endfor %}
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
{% endblock %}
